<!DOCTYPE HTML>
<html>
<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">

    <title>FoodHub</title>
    <link rel="stylesheet" type="text/css" href="css/styleSheet.css"/>

</head>
<body>
<!-- header area starts-->
<header class="wrapper clearfix">

    <!-- Banner area starts -->
    <div id="v_head">
        <div id="banner"><a href="#"><img src="images/foodhub_white.png" alt="logo"></a></div>
        <div id="lg"><span style="color: #4CFF00">Hello <span
                id="loginName">yaojianfeng</span>! Welcome to FoodHub!</span> | <a href="Findus.html">Find Us</a> <br>
        </div>
        <div id="contact">
            <span style="float: right">Call us.+1 773-927-7656</span> <br>
            <span style="float: right">E-Mail: Info@Foodhub.com</span><br>
            <span id="time" style="float: right;color: #4CFF00">Mon Nov 14 2022 22:30:00 GMT+0800 (中国标准时间)</span><br>

        </div>
        <!-- Banner area ends -->


        <!-- main navigation -->
        <nav id="topnav" role="navigation">
            <div class="menu-toggle">Menu</div>
            <ul class="srt-menu" id="menu-main-navigation">
                <li class="current"><a href="Home.html">Home</a></li>
                <li>
                    <a href="#">Menu</a>
                    <ul>

                        <li>
                            <a href="#">Appetizers</a>
                        </li>
                        <li>
                            <a href="#">Soups & Salads</a>
                        </li>
                        <li>
                            <a href="#">Kebab-E-Bahar</a>
                        </li>
                        <li>
                            <a href="#">Chicken Specialties</a>
                        </li>
                        <li>
                            <a href="#">Rice / Biryani</a>
                        </li>
                        <li>
                            <a href="#">Kids Corner</a>
                        </li>
                        <li>
                            <a href="#">Desserts</a>
                        </li>
                        <li>
                            <a href="#">Drinks</a>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">Recipes</a>
                    <ul>
                        <li><a href="#">Apple Pie Muffins</a></li>
                        <li><a href="#">Avocado BLT Pizza</a></li>
                        <li><a href="#">Chocolate Pudding</a></li>
                        <li><a href="#">Italian Pasta</a></li>
                        <li><a href="#">Indian Curry</a></li>
                        <li><a href="#">Pimento Cheeseburger</a></li>

                    </ul>
                </li>

                <li>
                    <a href="Bestdeals.html">Best Deal</a>
                </li>


                <li><a href="Pricelist.html">Items Price </a></li>

                <li>
                    <a href="Aboutus.html">About Us</a>
                </li>

                <li>
                    <a href="Contactus.html">Contact Us</a>
                </li>

            </ul>
        </nav>
        <!-- #topnav -->
    </div>
    </div>
    <br>
    <p style="clear: both"></p>

</header>

<!-- header area ends -->

<!--section area starts -->
<section id="page-header" class=" wrapper clearfix">

    <strong class="intro">Introduction</strong>

    <p id="para_id"> FoodHub is an American chain of restaurants that enables food lovers to come together and enjoy
        food. It provides online delivery of food items, 24*7. At FoodHub, you will have some of the city's best
        destination cafes, bistros, restaurants, fast food, and others under one roof. FoodHub provides its customers a
        heady combination of surreal surroundings in addition to tongue tickling food of different cuisines. FoodHub is
        not only the best choice for traditional food at any hour of the day, but also a good place for children to have
        fun. We provide entertaining facilities, such as puppet shows, for children. </p>
</section>
<!-- Section area ends -->

<!-- main content area -->

<div id="main" class="wrapper clearfix">

    <!-- Our specialties image gallery starts-->
    <section id="content">

        <div class="bar"><span class="ss1">Our Specialties</span></div>

        <div id="gallery">

            <ul>
                <li><a rel="gallery_group" href="images/fastfood_big.jpg" title="Burger"><img
                        src="images/fastfood_small.jpg" alt="pic1"/></a>
                    <div class="desc">Yummy Burgers</div>
                </li>
                <li><a rel="gallery_group" href="images/pizza_big.jpg" title="Pizza"><img src="images/pizza_small.jpg"
                                                                                          alt="pic2"/></a>
                    <div class="desc">Delicious Pizzas</div>
                </li>
                <li class="last"><a rel="gallery_group" href="images/pasta.jpg" title="Pasta"><img
                        src="images/pasta.jpg" alt="pic3"/></a>
                    <div class="desc">Unlimited Pastas</div>
                </li>
                <li><a rel="gallery_group" href="images/cake_big.jpg" title="Cake"><img src="images/cake_small.jpg"
                                                                                        alt="pic1"/></a>
                    <div class="desc">Cakes</div>
                </li>
                <li><a rel="gallery_group" href="images/dessert_big.jpg" title="Dessert"><img
                        src="images/dessert_small.jpg" alt="pic1"/></a>
                    <div class="desc">Desserts</div>
                </li>
                <li class="last"><a rel="gallery_group" href="images/salad_big.jpg" title="Salad"><img
                        src="images/salad.jpg" alt="pic1"/></a>
                    <div class="desc">Green Salads</div>
                </li>
                <li><a rel="gallery_group" href="images/chicken_big.jpg" title="Chicken"><img
                        src="images/chicken_small.jpg" alt="pic1"/></a>
                    <div class="desc">Grilled Chickens</div>
                </li>
                <li><a rel="gallery_group" href="images/fish_big.jpg" title="Fish"><img src="images/fish.jpg"
                                                                                        alt="pic1"/></a>
                    <div class="desc">Steamed Fishes</div>
                </li>
                <li class="last"><a rel="gallery_group" href="images/juice_big.jpg" title="Juice"><img
                        src="images/juice_small.jpg" alt="pic1"/></a>
                    <div class="desc">Tasty Fruit Juices</div>
                </li>
            </ul>
            <br class="clear"/>
        </div>


        <!-- Our specialties image gallery ends-->

        <!-- Cuisines we offer image gallery starts-->

        <div class="bar">

            <span class="ss1" style="margin-top:15px;">Cuisines We Offer:</span>
        </div>
        <div id="Recipes">
            <ul class="enlarge">
                <li><img src="images/image-enlarge01-sml.jpg" width="260px" height="150px" alt="Dechairs"
                         title="American Food"/><span><img src="images/image-enlarge01.jpg" alt="Deckchairs"/><br/> Rich diversity in food preparation </span>
                </li>
                <li><img src="images/image-enlarge02-sml.jpg" width="260px" height="150px" alt="Blackpool sunset"
                         title="Chinese Food"/><span><img src="images/image-enlarge02.jpg" alt="Blackpool sunset"/><br/>Originated from the diverse regions of China</span>
                </li>
                <li><img src="images/image-enlarge03-sml.jpg" width="260px" height="150px" alt="Blackpool pier"
                         title="Italian Food"/><span><img src="images/image-enlarge03.jpg" alt="Blackpool pier"/><br/>Originated from Etruscan, ancient Greek, and ancient Roman</span>
                </li>
            </ul>
        </div>
    </section>
    <!-- Cuisines we offer image gallery ends-->
    <!-- sidebar starts -->
    <aside>
        <h2 class="intro">Quick Menu</h2>
        <nav id="secondary-navigation">
            <ul>
                <li><a href="#">Burgers</a></li>
                <li><a href="#">Chicken Specialties</a></li>
                <li><a href="#">Desserts</a></li>
                <li><a href="#">Drinks</a></li>
                <li><a href="#">Kebabs</a></li>
                <li><a href="#">Rice / Biryani</a></li>
                <li><a href="#">Pastas</a></li>
                <li><a href="#">Soup & Salads</a></li>
            </ul>
        </nav>
    </aside><!-- #sidebar ends -->
</div>
<!-- #end div #main .wrapper -->

<!-- footer area starts -->
<footer class="wrapper" style="background:#660606">

    <div id="attribution" class="wrapper clearfix">

        <span>Copyright<a href="#" style="color: #fff; text-decoration: none;">@Foodhub.com</a></span>
    </div>

    <!--end attribution-->


</footer>
<!-- # footer area ends -->
<script src="js/jquery-1.9.0.min.js"></script>
<script src="js/main.js"></script>
<script src="js/login.js"></script>
<script>
    // 显示欢迎页
    window.onload = function () {
        document.getElementById('loginName').innerText = getName('username');
    }
</script>


</body>
</html>